import {
	$
} from './library/jquery.js';


$('.zhengce>input').on('click', function (ev) {
	if ($('.phone1').val() && $('.yzm>input').val() && $('.pwd').val() && $('.error').text() == '') {
		if (ev.target.checked) {
			$('.reg-btn').removeClass('reg-btn-disable');
		} else {
			$('.reg-btn').addClass('reg-btn-disable');
		}

	} else {
		if (!$('.reg-btn').hasClass('reg-btn-disable')) {
			$('.reg-btn').addClass('reg-btn-disable');
		}
	}
})

$('.phone1,.yzm>input,.pwd').on('input', function (ev) {
	if ($('.phone1').val() && $('.yzm>input').val() && $('.pwd').val() && $('.zhengce>input').is(':checked') && $('.error').text() == '') {
		if ($('.reg-btn').hasClass('reg-btn-disable')) {
			$('.reg-btn').removeClass('reg-btn-disable');
		}
	} else {
		if (!$('.reg-btn').hasClass('reg-btn-disable')) {
			$('.reg-btn').addClass('reg-btn-disable');
		}
	}
})

$('.phone1').on('input', function () {
	if ($(this).val().length > 6) {
		$('.phone1').addClass('phone-actived');
		$('.yzm-btn').removeClass('btn-dis');
		$('.select2').removeClass('hide');
	} else {
		if (!$('.yzm-btn').hasClass('btn-dis')) {
			$('.phone1').removeClass('phone-actived');
			$('.yzm-btn').addClass('btn-dis');
			$('.select2').addClass('hide');
		}
	}
})


$('.select-btn').on('click', function (ev) {
	ev.stopPropagation();
	if ($('.select-btn').hasClass('select-down')) {
		$('.select-btn').removeClass('select-down').addClass('select-up');
		$('.zone_dlg1').removeClass('hide');

		if ($('.select-btn2').hasClass('select-up')) {
			$('.select-btn2').removeClass('select-up').addClass('select-down');
			$('.zone_dlg2').addClass('hide');
		}
	} else if ($('.select-btn').hasClass('select-up')) {
		$('.select-btn').removeClass('select-up').addClass('select-down');
		$('.zone_dlg1').addClass('hide');
	}
})


$('.select-btn2').on('click', function (ev) {
	ev.stopPropagation();
	if ($('.select-btn2').hasClass('select-down')) {
		$('.select-btn2').removeClass('select-down').addClass('select-up');
		$('.zone_dlg2').removeClass('hide');

		if ($('.select-btn').hasClass('select-up')) {
			$('.select-btn').removeClass('select-up').addClass('select-down');
			$('.zone_dlg').addClass('hide');
		}

	} else if ($('.select-btn2').hasClass('select-up')) {
		$('.select-btn2').removeClass('select-up').addClass('select-down');
		$('.zone_dlg2').addClass('hide');
	}
})



$('html').on('click', function () {
	if ($('.select-btn').hasClass('select-up')) {
		$('.select-btn').removeClass('select-up').addClass('select-down');
		$('.zone_dlg').addClass('hide');
	}
	if ($('.select-btn2').hasClass('select-up')) {
		$('.select-btn2').removeClass('select-up').addClass('select-down');
		$('.zone_dlg2').addClass('hide');
	}
})

$('.zone_dlg1 .zone_region_list>li').on('click', function () {
	$('.select>input').val($(this).text());
})

$('.zone_dlg2 .zone_region_list>li').on('click', function () {
	$('.select2>input').val($(this).children('span').text());
})


$('.reg-btn').on('click', function () {
	if (!$('.reg-btn').hasClass('reg-btn-disable') && $('.error').text() == '') {

		$.ajax({
			type: "post",
			url: "../../interface/reg.php",
			data: {
				phone: $('.phone1').val(),
				password: $('.pwd').val()
			},
			dataType: "json",
			success: function (res) {
				if (res.has) {
					alert('手机号已注册，请前往登录~');
					location.href = './03.login.html';
				} else {
					alert('注册成功~');
					location.href = './03.login.html';
				}
			},
		});
	}
})

let phoneReg = /^(?:(?:\+|00)86)?1[3-9]\d{9}$/;
$('.phone1').on('change', function () {

	let val = $(this).val();
	if (!phoneReg.test(val)) {
		$(this).siblings('.error').text('手机号码格式错误，请重新输入');
		$('.yzm-btn').addClass('btn-dis');
	} else {
		$(this).siblings('.error').text('');
		$('.yzm-btn').removeClass('btn-dis');
	};

})

let pwdReg = /(?!^[0-9]+$)(?!^[A-Za-z]+$)(?!^[^A-Za-z0-9]+$)(?!^\W+$)^.{6,16}$/
$('.pwd').on('input', function () {
	let pwd = $('.pwd').val();
	if (!pwdReg.test(pwd)) {
		$(this).siblings('.error').text('密码格式错误，请重新输入');
	} else {
		$(this).siblings('.error').text('');
	}
	if (pwd.length == '') {
		$(this).siblings('.error').text('');
	}
})